/* HEADER */
.main-header, .head-user-menu {background-color: #fcfcfc;}
.head-user-menu a {color: #1d2d35 !important; border-right-color: #1d2d35; cursor: pointer;}
.main-header .nav-main {background-color: #00378b;}
.head-user-menu .head-user-menu-wrap {display: grid; grid-template-columns: 1fr; grid-template-areas: "sr_overlay" "customer_menu"; margin-left: auto; margin-right: auto; width: 100%;}
.head-user-menu .head-user-menu-wrap .container_salesrepoverlay {grid-area: "sr_overlay";}
.head-user-menu .head-user-menu-wrap .container_salesrepoverlay .rep-menu-options li:last-child a {color: lightgrey !important;}
.head-user-menu .head-user-menu-wrap .container_salesrepoverlay .rep-menu-options li:last-child a:hover {color: red !important;}
.head-user-menu .head-user-menu-wrap > .container {grid-area: "customer_menu";}
@media (min-width: 576px) {
    .head-user-menu .head-user-menu-wrap {max-width: 540px;}
    .head-user-menu .head-user-menu-wrap .container {max-width: none;}
}
@media (max-width: 576px) {
    .head-user-menu a {padding: 5px 16px; height: auto;}
    .head-user-menu i {padding-left: 0;}
    .main-header .nav-main {margin-bottom: 12px; background-color: unset;}
    .main-header .nav-main .logo-wrapper {padding-left: .75rem;}
    .main-header .nav-main .navbar-toggler {color: #1d2d35;}
    .nav-main a {color: #00378b !important;}
    .main-header .standard-menu-toggler .hamburger-inner, .main-header .standard-menu-toggler .hamburger-inner:before, .main-header .standard-menu-toggler .hamburger-inner:after {background-color: #1d2d35;}
    .main-header .head-inner-wrap {background-color: #00378b;}
}
@media (min-width: 768px) {
    .head-user-menu .head-user-menu-wrap {grid-template-columns: auto 1fr; grid-template-areas: "sr_overlay customer_menu"; max-width: 720px;}
    .head-user-menu .head-user-menu-wrap .container {max-width: none;}
}
@media (min-width: 1024px) {
    .head-user-menu .head-user-menu-wrap {max-width: 960px;}
    .head-user-menu .head-user-menu-wrap .container {max-width: none;}
}
@media (min-width: 1200px) {
    .head-user-menu .head-user-menu-wrap {max-width: 1140px;}
    .head-user-menu .head-user-menu-wrap .container {max-width: none;}
}

.side-cat-menu h3 {margin: 0 !important; padding-left: 0 !important;}
.head-main-menu .nav-item .category-menu,
.side-cat-menu .nav-item {color: #00378b; text-transform: none !important;}
.head-main-menu .nav-item .category-menu.dropdown-menu {column-count: 2;}
@media (min-width: 768px) {
    .head-main-menu .nav-item .category-menu.dropdown-menu {column-count: 4;}
}
.side-cat-menu .nav-item > .nav-link {font-size: 16px !important;}
.side-cat-menu .nav-item .sub-menu .nav-item > .nav-link {font-size: 14px !important;}
.side-cat-menu .nav-item:hover, .side-cat-menu .nav-item:hover > .nav-link {color: #00a1e4;}
.side-cat-menu .nav-item :nth-child(even):not(.open) {background: unset;}
.side-cat-menu .nav-item .nav-link {color: #00378b;}
.side-cat-menu .nav-item.active {background-color: unset !important;}
.side-cat-menu .nav-item.active > .nav-link {color: #00a1e4; font-weight: bold; border-bottom: 2px solid #72bf44; border-radius: unset; background-color: unset;}
.side-cat-menu .open {cursor: pointer;}
@media (min-width: 768px) {
    .side-cat-menu {background-color: #fafafa;}
}

.nav-main li:hover {background-color: #00a1e4 !important;}
.head-main-menu .nav-item .category-menu .dropdown-item {padding: .25rem 1.5rem .5rem;}
.nav-main .dropdown-menu a:hover {color: #00a1e4 !important; border-bottom: 2px solid #72bf44;}

/* CONTENT */

/* Breadcrumbs */
.breadcrumb-container {margin-bottom: 1rem; padding: .5rem 0; background-color: rgba(0, 22, 68, 0.05); border-bottom: 1px solid rgba(0, 22, 68, 0.1);}
.breadcrumb-container .breadcrumb {margin: 0; padding: 0;}
.breadcrumb-container .breadcrumb .breadcrumb-item {color: #001644; text-transform: capitalize;}
.breadcrumb-container .breadcrumb .breadcrumb-item a {color: #001644 !important;}
.breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before {content: "\00BB"; color: #001644;}

/* Category Grid */
.category-grid {display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 16px; border-bottom: 1px solid rgba(0,0,0,.1);}
.category-grid .cat-item-wrap {display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; flex: unset; max-width: unset; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.category-grid .cat-item-wrap:last-child {border-bottom:none;}
.category-grid .cat-item-wrap .cat-img {height: 130px;}
.category-grid .cat-item-wrap .cat-img img {box-shadow: none;}
.cat-item-wrap .cat-desc {display: flex; flex-direction: column; justify-content: center; align-items: start; text-align: left !important;}
.category-grid > .clearfix, .category-grid > div:last-child {display: none;}
@media (min-width: 768px) {
    .category-grid {grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px;}
    .category-grid .cat-item-wrap:nth-last-child(2) {border-bottom:none;}
}

/* Category Grid Pagination */
.category-page .paginate-block .row {margin: 0;}
/* Pagination Filtering */
.category-page .paginate-block > .row:nth-child(1), .category-page .paginate-block > .row:nth-last-child(2) {display: grid; grid-template-columns: 1fr; flex-wrap: unset;}
.category-page .paginate-block > .row:nth-last-child(2) {margin-top: 20px;}
.category-page .paginate-block > .row:nth-child(1) div, .category-page .paginate-block > .row:nth-last-child(2) div {flex: unset; padding: 0; max-width: unset;}
/* Pagination Count */
.category-page .paginate-block > .row:nth-child(2), .category-page .paginate-block > .row:last-child {display: grid; grid-template-columns: auto 1fr; gap: 15px; margin: 12px -15px;}
.category-page .paginate-block > .row:nth-child(2) .display, .category-page .paginate-block > .row:last-child .display {width: unset;}
.category-page .paginate-block > .row:nth-child(2) div:nth-child(1), .category-page .paginate-block > .row:last-child div:nth-child(1) {line-height: 1;}
.category-page .paginate-block > .row:nth-child(2) div:nth-child(2), .category-page .paginate-block > .row:last-child div:nth-child(2) {display: grid; justify-content: end;}
.category-page .paginate-block > .row:nth-child(2) .pagination-wrap, .category-page .paginate-block > .row:last-child .pagination-wrap {height: auto;}
.category-page .paginate-block > .row:nth-child(2) .pagination, .category-page .paginate-block > .row:last-child .pagination {margin-bottom: 0;}
@media (max-width: 576px) {
    .category-page .paginate-block > .row:nth-child(2), .category-page .paginate-block > .row:last-child {align-items: center; margin: 12px 0;}
    .category-page .paginate-block > .row:nth-child(2) .display, .category-page .paginate-block > .row:last-child .display {display: grid; gap: 6px;}
}
@media (min-width: 768px) {
    .category-page .paginate-block > .row:nth-child(1), .category-page .paginate-block > .row:nth-last-child(2) {grid-template-columns: 1fr 1fr 2fr; gap: 15px;}
    .category-page .paginate-block > .row:nth-child(1) div:nth-child(1), .category-page .paginate-block > .row:nth-last-child(2) div:nth-child(1) {display: grid; order: 3; justify-content: end; align-content: center;}
    .category-page .paginate-block > .row:nth-child(2), .category-page .paginate-block > .row:last-child {margin-top: 6px;}
}

/* Category Grid Product List ~ Mobile */
@media (max-width: 576px) {
    .product-grid .prod-list {border: none;}
    .product-grid .prod-list thead {display: none;}
    .product-grid .prod-list tbody {display: block;}
    .product-grid .prod-list .product-list-item {display: grid; margin-bottom: 12px; border: 1px solid rgba(0, 0, 0, .15);}
    .product-grid .prod-list .product-list-item td {padding: 0px 20px !important; text-align: left !important; border: none;}
    .product-grid .prod-list .product-list-item .product-image {height: 100px;}
    .product-grid .prod-list .product-list-item .product-image > img {object-fit: contain;object-position: center center;}
    .product-grid .prod-list .product-list-item .product-code > a {color: black; font-size: 12px; font-weight: bolder;}
    .product-grid .prod-list .product-list-item .product-desc {font-size: 14px !important; font-weight: bold;}
    .product-grid .prod-list .product-list-item .product-price {font-size: 20px !important;}
    .product-grid .prod-list .product-list-item .product-add .product-actions {display: grid !important; grid-template-columns: auto 1fr;}
}

/* Category Grid Product List */
.product-grid .prod-list.table-striped tbody tr:nth-of-type(odd) {background-color: unset;}
.product-grid .prod-list.table-striped tbody tr:hover {background-color: rgba(0,0,0,.05);}
.product-grid .prod-list .product-list-item .product-image .specialbanner {top: -6px; left: -22px;}
.follow-cat-specials .product-grid .prod-list .product-list-item .product-image .specialbanner {top: -13px;}
@media (min-width: 576px) {
    .product-grid .prod-list .product-list-item .product-image .specialbanner {top: -15px; left: -15px;}
    .follow-cat-specials .product-grid .prod-list .product-list-item .product-image .specialbanner {top: -26px;}
}
.product-grid .prod-list .product-list-item .product-image > img {width: auto; height: auto; max-height: 134px;}
.product-grid .prod-list .product-list-item .product-code {text-align: center;}
.product-grid .prod-list .product-list-item .product-price {color: #2d6ca2; font-size: 16px; font-weight: bold;}

/* Category Grid Product Grid */
.product-grid .grid-view {display: grid; grid-template-columns: 1fr; gap: 16px;}
.product-grid .grid-view .product-grid-item {padding: 0; padding-bottom: 16px; border: 1px solid rgba(0, 0, 0, .15);}
.product-grid .grid-view .product-grid-item .product-image {display: flex; justify-content: center; align-items: center;}
@media (max-width: 576px) {    
    .product-grid .grid-view .product-grid-item .product-actions {display: grid !important; grid-template-columns: auto 1fr;}
}
@media (min-width: 576px) {
    .product-grid .grid-view {grid-template-columns: repeat(2, 1fr); gap: 30px;}    
    .product-grid .grid-view .product-grid-item {flex: unset; max-width: unset;}
    .product-grid .grid-view .product-grid-item .product-image .specialbanner {top: 4px; left: 4px;}
    .follow-cat-paintsmartpromotions .product-grid .grid-view .product-grid-item .product-image .specialbanner {top: 0; left: 3px;}
}
@media (min-width: 768px) {
    .product-grid .grid-view {grid-template-columns: repeat(3, 1fr); margin: 0;}
    .product-grid .grid-view .product-grid-item {padding-bottom: 0; border: none;}
    .product-grid .grid-view .product-grid-item:hover .cat-caption-wrap .discription a {color: #00378b; text-decoration: underline;}
    .product-grid .grid-view .product-grid-item:hover .cat-product-caption > h5 {font-style: italic;}
}

/* Product Page */
.page-iSellProduct .breadcrumb-container .container .d-none, .page-iSellProduct .breadcrumb-container .container .d-sm-flex {display: block !important;}
.single-product-page .product-img-wrapper > img {border: none; box-shadow: none;}
.single-product-page .product-title {display: block !important;}
.single-product-page .tabpanel .nav.nav-tabs {padding: 0; border-bottom: 4px solid #00378b;}
.single-product-page .tabpanel .nav li {padding: 8px 15px; font-size: 20px;}
.single-product-page .tabpanel .nav li span {display: inline-block !important; color: #00378b; font-weight: bold;}
.single-product-page .tabpanel .nav li.active {background-color: #00378b;}
.single-product-page .tabpanel .nav li.active span {color: white;}
.single-product-page .tabpanel .nav li .fa {display: none !important; margin-right: 10px;}
.single-product-page .tabpanel .tab-content {padding: 16px; border-bottom: 1px solid #dee2e6;}
.single-product-page .tabpanel .product-brief {color: #1d2d35; font-size: 14px;}
.product-owl-wrap #product-owl .owl-nav .owl-prev i {transform: translateX(-50px);}
.product-owl-wrap #product-owl .owl-nav .owl-next i {transform: translateX(50px);}
.product-owl-wrap #product-owl .owl-nav .owl-prev i, .product-owl-wrap #product-owl .owl-nav .owl-next i {opacity: 0; transition: 0.2s ease-in-out;}
.product-owl-wrap:hover #product-owl .owl-nav .owl-prev i, .product-owl-wrap:hover #product-owl .owl-nav .owl-next i {opacity: 1; color: white; background-color: #00378b; border-radius: 3px; transform: translateX(0px);}
.product-owl-wrap .product-owl .item img {max-height: 100%; max-width: 100%; width: auto !important; height: initial; margin: auto;}
.product-img-wrapper {display: flex; align-content: center;}
@media (max-width: 576px) {
    #product-owl .owl-stage {transform: none !important;}
    #product-owl .owl-stage, #product-owl .owl-item {width: 100% !important;}
    .product-owl-wrap .product-owl .item {height: unset; min-height: 40vh;}
    #product-owl .owl-stage .owl-item:nth-child(n+2) {display: none;}
    .single-product-page .product-title {font-size: 1.75rem;}
}
@media (min-width: 768px) {
    .single-product-page .single-prod-info {padding: 20px; border: 1px solid #e8e8e8;}
    .single-product-page .single-prod-info .product-title {margin-bottom: 15px; padding-bottom: 30px; border-bottom: 1px solid #8c8f92;}
    .single-product-page .single-prod-info .info-item strong {color: #808080;}
    .single-product-page .single-prod-info .info-items .product-code {padding-bottom: 15px;}
    .single-product-page .single-prod-info .info-items .product-brand {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #8c8f92;}
    .single-product-page .single-prod-info .info-items .addtocart-group {padding-top: 15px; border-top: none;}
    .single-product-page #single-add-to-cart .form-group {display: inline-block;}
    .single-product-page .single-prod-info .info-items .price-add-group {border-top: 1px solid #8c8f92;}
}

/* PAGINATION */
.pagination .page-item .page-link {border: none; color: #666; font-weight: 300;}
.pagination .page-item.active .page-link {color: #212529; font-weight: 600; text-decoration: underline; background-color: transparent;}

/* FAVOURITES */
.tablesorter .tablesorter-header .tablesorter-header-inner {cursor: pointer;}

/* FOOTER */
.main-footer {margin-top: 40px; background-color: #292B22;}
.footer-bottom {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; background-color: inherit;}
.footer-copyright {border-top: 1px solid white;}
.footer-copyright span {margin: 1rem 0;}
.footer-copyright span span {margin: 0;}
.footer-copyright a {cursor: pointer;}
.footer-copyright a:hover {text-decoration: underline !important;}
@media (max-width: 576px) {
    .main-footer {margin-top: 20px;}
    .footer-copyright .d-flex {flex-direction: column;}
    .footer-copyright span:nth-child(n+2) {margin-top: 0;}
    .footer-copyright .ml-auto {margin-left: 0 !important;}
}